{% load i18n %}
{% load playlist_tags %}
<ol>
{% for track in tracks %}
  <li class="track" title="Click to play"><div class="trackWrapper">
    <span class="title">{{ track.title|safe }}</span>
    <a href="{{ track.location|safe }}" class="download" title="Download MP3 file">MP3</a>
    <span class="playText">{% trans "PLAY" %}</span>
    <span class="pauseText">{% trans "PAUSE" %}</span>
    <span class="pausedText">{% trans "PAUSED" %}</span>
    <span class="playingText">{% trans "PLAYING" %}</span>
    
    <span class="length">
      <span class="position">—</span>
      {{ track.length|mss }}
    </span>
  </div></li>
{% endfor %}
</ol>